<div class="hbox hbox-auto-xs hbox-auto-sm" ng-init="
    app.settings.asideFolded = false; 
    app.settings.asideDock = false;
  ">

  <div class="col">
    <div class="bg-light lter b-b wrapper-md">
      <div class="row">
        <div class="col-sm-5 col-xs-12">
          <span class="m-n font-thin h4 text-black">
            <!-- 欢迎使用群盟平台,  -->
            平台余额 
            <span class="red">{{platfomBalance | currency: '￥'}}</span>
            <button type="button" class="btn btn-info btn-xs btn-a" ng-click="recharge()">充值</button>
            <button type="button" class="btn btn-info btn-xs btn-a" ng-click="detail()" style="margin-left: 5px">明细</button>
            <button type="button" class="btn btn-info btn-xs btn-a" ng-click="setBalanceInfo()" style="margin-left: 5px">设置预警</button>
          </span>
          <!-- <small class="text-muted">
            平台余额：<span class="h3 red"></span>
          </small> -->

        <!--   <div class="row">
        <div class="col-sm-6 col-sm-offset-1">
          <span class="h5">平台余额：
            <span class="h4 red_font">{{platfomBanlance | currency: '￥'}}</span>
            <button type="button" class="btn btn-info btn-xs btn-a" ng-click="recharge()">充值</button>
            <button type="button" class="btn btn-info btn-xs btn-a" ng-click="detail()" style="margin-left: 5px">明细</button>
          </span>
        </div>
      </div>

       -->
        </div>
        <div class="col-sm-7 text-right hidden-xs">
          <div class="inline m-r text-left">
            <span class="m-n font-thin h4 text-black">会员总数：
              <strong style="color: red;" class="h3">{{info.member.total_num}}</strong>
            </span>
          </div>
          <div class="inline m-r text-left">
            <span class="m-n font-thin h4 text-black">订单总数：
              <strong style="color: red;" class="h3">{{info.order.total_num}}</strong>
            </span>
          </div>
          <div class="inline text-left">
            <span class="m-n font-thin h4 text-black">总收入：
            <strong style="color: red;" class="h3">¥{{info.profit.total_num}}</strong>
            </span>
          </div>
          
        </div>
      </div>
    </div>

    <div class="wrapper-md">
      <div class="row">
        <div class="col-md-5">
          <div class="row row-sm text-center">

            <div class="col-xs-6">
              <div class="block panel padder-v bg-primary item">
                <div class="h1 text-white font-thin">¥{{info.profit.today_num}}</div>
                <span class="text-muted text-xs">今日收入</span>
              </div>
            </div>
            <div class="col-xs-6">
              <div class="panel padder-v item">
                <div class="h1 text-info font-thin h1">¥{{info.profit.yesterday_num}}</div>
                <span class="text-muted text-xs">昨日收入</span>
              </div>
            </div>
            

            <div class="col-xs-6">
              <div class="block panel padder-v bg-primary item">
                <span class="text-white font-thin h1 block">{{info.order.today_num}}</span>
                <span class="text-muted text-xs">今日订单</span>
              </div>
            </div>
            <div class="col-xs-6">
              <div class="panel padder-v item">
                <div class="font-thin h1">{{info.order.yesterday_num}}</div>
                <span class="text-muted text-xs">昨日订单</span>
              </div>
            </div>

            

            <div class="col-xs-6">
              <div class="block panel padder-v bg-primary item">
                <div class="font-thin h1">{{info.member.today_num}}</div>
                <span class="text-muted text-xs">今日新增会员</span>
              </div>
            </div>
            <div class="col-xs-6">
              <div class="panel padder-v item">
                <div class="font-thin h1">{{info.member.yesterday_num}}</div>
                <span class="text-muted text-xs">昨日新增会员</span>
              </div>
            </div>

            <!-- <div class="col-xs-4">
              <div class="panel padder-v item">
                <div class="font-thin h1">{{info.member.yesterday_num}}</div>
                <span class="text-muted text-xs">昨日新增会员</span>
              </div>
            </div> -->

            
            <!-- <div class="col-xs-12 m-b-md">
              <div class="r bg-light dker item hbox no-border">
                <div class="col dk padder-v r-r">
                  <div class="text-primary-dk font-thin h1"><span>12,670</span></div>
                  <span class="text-muted text-xs">会员总数</span>
                </div>
              </div>
            </div> -->
          </div>
        </div>
        <div class="col-md-7">
          <div class="panel wrapper">
          <h4 class="font-thin m-t-none m-b text-muted">近两周收入情况</h4>
          <canvas id="line" class="chart chart-line" chart-data="chartdata.profit"
          chart-labels="labels" chart-series="series" chart-options="options">
          </canvas>
          </div>
        </div>
      </div>
      <div class="panel hbox hbox-auto-xs no-border">

        <div class="col wrapper col-md-7" >
          <h4 class="font-thin m-t-none m-b text-muted">近两周会员增加情况</h4>
          <canvas id="bar" class="chart chart-bar"
            chart-data="chartdata.member" chart-labels="labels" chart-series="series" 
            chart-options="options">
          </canvas>
          
        </div>
        <div class="col wrapper-lg col-md-5 bg-light dk r-r">
          <h4 class="font-thin m-t-none m-b">会员组成</h4>

          <canvas id="pie" class="chart chart-pie"
            chart-data="chartdata.structure" chart-labels="structure.labels" 
            chart-options="structure.options"
            >
          </canvas> 

          <!-- <h4 class="font-thin m-t-none m-b">Reports</h4>
          <div class="">
            <div class="">
              <span class="pull-right text-primary">60%</span>
              <span>Consulting</span>
            </div>
            <progressbar value="60" class="progress-xs m-t-sm bg-white" animate="true" type="primary"></progressbar>
            <div class="">
              <span class="pull-right text-info">35%</span>
              <span>Online tutorials</span>
            </div>
            <progressbar value="35" class="progress-xs m-t-sm bg-white" animate="true" type="info"></progressbar>
            <div class="">
              <span class="pull-right text-warning">25%</span>
              <span>EDU management</span>
            </div>
            <progressbar value="25" class="progress-xs m-t-sm bg-white" animate="true" type="warning"></progressbar>
          </div>
          <p class="text-muted">Dales nisi nec adipiscing elit. Morbi id neque quam. Aliquam sollicitudin venenatis</p> -->
        </div>
      </div>


      <div class="row">
        <div class="col-md-6">
          <div class="panel no-border">
            <div class="panel-heading wrapper b-b b-light">
              <span class="h4 font-thin m-t-none m-b-none text-muted">
                一级分销商
                <span ng-if="what == '0'">销量</span>
                <span ng-if="what == '1'">利润</span>
                排名（前十）
              </span>
              <button type="button" class="btn btn-primary pull-right btn-sm"
              ng-click="change()"
              style="margin-top: -3px;" 
              >切换</button>
            </div>
            <ul class="list-group list-group-lg m-b-none"
            ng-if="what == '0'"
            >
              <li class="list-group-item" ng-repeat="obj in info.salesranking">
                <a href class="thumb-sm m-r">
                  <img ng-src="{{obj.headimg}}" class="r r-2x">
                </a>
                <span class="pull-right inline h2 text-muted"
                ng-class="{true: 'red', false: ''}[$index < 3]"
                >{{obj.count}}</span>
                <a href>{{obj.nickname}}</a>
              </li>
              
            </ul>

            <ul class="list-group list-group-lg m-b-none"
            ng-if="what == '1'"
            >
              <li class="list-group-item" ng-repeat="obj in info.profitranking">
                <a href class="thumb-sm m-r">
                  <img ng-src="{{obj.headimg}}" class="r r-2x">
                </a>
                <span class="pull-right inline h2 text-muted"
                ng-class="{true: 'red', false: ''}[$index < 3]"
                >¥ {{(obj.total_profit * 0.01).toFixed(2)}}</span>
                <a href>{{obj.nickname}}</a>
              </li>
              
            </ul>

          </div>
        </div>
        <div class="col-md-6">            
          <div class="list-group list-group-lg list-group-sp">
            <a herf class="list-group-item clearfix"
            ng-repeat="obj in info.noticelist"
            ng-click="noticeinfo(obj)"
            >
                <span>{{obj.title}}</span>
                <!-- <small class="text-muted clear text-ellipsis">
                  {{obj.content}}
                </small> -->
                <span class="pull-right">{{obj.update_time}}</span>
            </a>
            
          </div>
        </div>
      </div>



    </div>

  </div>
</div>